<script type="text/javascript"
	src="views/parkLotCenter/SystemConfigManager/js/VersionUpload.js"></script>
<style>
.uploadFiles-panel .choose {
	margin: 20px 0;
}

.uploadFiles-panel .choose .div1 {
	display: inline-block;
	width: 100px;
	vertical-align: top;
	text-align: right;
}

.uploadFiles-panel .choose .div2 {
	display: inline-block;
	text-align: left;
}

.uploadFiles-panel .choose .div3 {
	display: inline-block;
	vertical-align: top;
}

.uploadFiles-panel .files {
	background: #f5f5f5;
	padding: 20px 0;
}

.uploadFiles-panel .files .div1 {
	display: inline-block;
	width: 100px;
	text-align: center;
}

.uploadFiles-panel .files .div2 {
	display: inline-block;
	width: calc(100% -     110px);
}

.uploadFiles-panel .files .div2 .name,.uploadFiles-panel .files .div2 .speed
	{
	text-align: left;
	line-height: 28px;
	float: left;
}

.uploadFiles-panel .files .div2 .speed span {
	color: red;
}

.uploadFiles-panel .files .control {
	float: left;
}

.uploadFiles-panel .files .progress {
	height: 20px;
	background: #fff;
	border: 1px solid #2590f1;
	width: 300px;
	display: inline-block;
	float: left;
}

.uploadFiles-panel .files .progress>span {
	position: relative;
	float: left;
	height: 16px;
	line-height: 16px;
	text-align: right;
}

.uploadFiles-panel .files .progress>span:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1;
	height: 20px;
	background: #2590f1;
}

.uploadFiles-panel .files .checkboxBtn {
	background: #2590f1;
	width: 20px;
	height: 20px;
	border-radius: 2px;
	display: inline-block;
	margin-left: 15px;
}

.uploadFiles-panel .files .checkboxBtn .off {
	display: inline-block;
	width: 0;
	height: 0;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 5px solid #fff;
	margin-top: 5px;
	margin-left: 8px;
}

.uploadFiles-panel .files .checkboxBtn .on {
	width: 4px;
	height: 10px;
	border-width: 0 3px;
	border-style: solid;
	border-color: transparent #fff;
	display: inline-block;
	margin-top: 5px;
	margin-left: 5px;
}
</style>
<script type="text/javascript">
	var vsUploadJs = null;
	$(document).ready(function() {
		vsUploadJs = new versionUploadJs($("#uploadFilesVersionDiv"));
	});
</script>
<div class="hint-content" style="padding: 0;" id="uploadFilesVersionDiv">
	<div class="uploadFiles-panel">
		<div class="choose">
			<div class="div2">
				<p style="text-align:center;color: red;font-size:20px;margin: 5px;">(仅支持
					RAR ZIP 格式文件)</p>
			</div>
			<div class="div3 search-Btn" style="width: 200px;">
				<div id="uploadBtn" style="width: 100px;float:left">请选择文件</div>
				<button style="background:#949a9c;height:33px;border:0px;"
					disabled="disabled" id="startUpload">上传文件</button>
			</div>
		</div>
		<div class="files">
			<div class="div1">
				<img src="images/rar-icon.png" /><span id="fileSize">0MB</span>
			</div>
			<div class="div2">
				<div class="name" id="upFileName">请选择上传文件</div>
				<div class="control">
					<div class="progress">
						<span id="upFileProgress" style="width: 0%;"></span>
					</div>
					<a class="checkboxBtn" id="continuinglyBtn" style="background: #949a9c;"> <i class="off"></i> </a>

				</div>
				<div class="speed">
					<span>上传速度:</span><span id="upSpeed">0KB/S</span>
					&nbsp;&nbsp;&nbsp;&nbsp; <span>&lowast;如网络中断点击右侧按钮进行续传</span>
				</div>
			</div>
		</div>
	</div>
</div>